<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>科研导航</title>
    <link rel="shortcut icon" href="favcion.ico" />
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div class="container" id="container">
        <aside class="left-bar" id="leftBar">
            <div class="title">
                <p>科研导航</p>
            </div>
            <nav class="nav">
                <div class="item active"><a href=""><i class="iconfont icon-daohang2"></i>科研导航</a><i class="line"></i></div>
                <ul class="nav-item" id="navItem">

                    <li><a href="#bbs" class="active"><i class="iconfont icon-shequ"></i>科研搜索</a></li>

                    <li><a href="#tools"><i class="iconfont icon-tool"></i>实用工具</a></li>

                </ul>
                <div class="item comment"><a target="_blank" href="https://gitee.com/wuheping666/web/issues"><i class="iconfont icon-liuyan"></i>留言</a></div>
            </nav>
        </aside>
        <section class="main">
            <div id="mainContent">
                <!-- 手机端菜单 -->
                <div id="menu"><a href="#">菜单</a></div>

                <!-- 科研导航 -->
                <div class="box">
                    <a href="#" name="bbs"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-shequ"></i>科研导航</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://www.organic-chemistry.org">
                            <div class="item">
                                <div class="logo"><img src="//cdn.organic-chemistry.org/Logos/ocpw.gif" width="160" height="66" border="0" alt="Organic Chemistry"> Organic Chemistry Portal  </div>
                                <div class="desc">反应+试剂+总结</div>
                            </div>
                        </a>
                        <a href="https://www.orgsyn.org/">
                            <div class="item">
                                <div class="logo"><img src="img/gold-favicon.png" alt="掘金"> Organic Synthesis</div>
                                <div class="desc">没有做不出来的反应</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://box.panda321.com/">
                            <div class="item">
                                <div class="logo"><img src="img/github.ico" alt="github"> 文献检索</div>
                                <div class="desc">文献检索</div>
                            </div>
                        </a>
                        <a target="_blank" href="murov.info/orglab.htm/">
                            <div class="item">
                                <div class="logo"><img src="img/stackoverflow.ico" alt="stackoverflow"> 有机化学手册</div>
                                <div class="desc">有机化学手册</div>
                            </div>
                        </a>
                        <a target="_blank" href=" https://pubchem.ncbi.nlm.nih.gov">
                            <div class="item">
                                <div class="logo"><img src="img/segmentfault.ico" alt="segmentfault"> pubchem</div>
                                <div class="desc">化合物性质检索</div>
                            </div>
                        </a>










                        <a target="_blank" href="https://sci-hub.st/">
                            <div class="item">
                                <div class="logo"><img src="img/zhihu.ico" alt="scihub"> SCihub</div>
                                <div class="desc">DOI文献下载</div>
                            </div>
                        </a>

                        <a target="_blank" href="https://organchem.csdb.cn/scdb/default.htm?nCount=21333183">
                            <div class="item">
                                <div class="logo"><img src="img/cnblogs.ico" alt=""> 上海有机所数据库</div>
                                <div class="desc">各种数据库查询</div>
                            </div>


                        </a>
                        <a target="_blank" href="https://www.reaxys.com/">
                            <div class="item">
                                <div class="logo"><img src="img/oschina.ico" alt="开源中国"> Reaxys</div>
                                <div class="desc">
                                    <div class="info">
                                        化学反应检索
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.chemicalbook.com/ProductIndex.aspx">
                            <div class="item">
                                <div class="logo"><img src="img/v2ex.png" alt="V2EX"> Chemicialbook</div>
                                <div class="desc">化合物信息搜索</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.tansoole.com/index.html">
                            <div class="item">
                                <div class="logo"><img src="img/coding.png" alt=" Coding"> 探索平台</div>
                                <div class="desc">试剂搜索采购</div>
                            </div>
                        </a>

                         <a target="_blank" href="https://www.link2lib.com/">
                            <div class="item">
                                <div class="logo"><img src="img/coding.png" alt=" Coding"> 开心图书馆</div>
                                <div class="desc">数据库合集</div>
                            </div>
                        </a>
                         <a target="_blank" href="https://www.drugfuture.com/Index.html">
                            <div class="item">
                                <div class="logo"><img src="img/coding.png" alt=" Coding"> 药物在线</div>
                                <div class="desc">专利检索</div>
                            </div>
                        </a>
                         <a target="_blank" href="https://www.cde.org.cn/main/xxgk/listpage/ba7aed094c29ae31467c0a35463a716e">
                            <div class="item">
                                <div class="logo"><img src="img/coding.png" alt=" Coding"> CDE</div>
                                <div class="desc">药监局药物评审中心</div>
                            </div>
                        </a>
                         <a target="_blank" href="https://www.cde.org.cn/main/xxgk/listpage/ba7aed094c29ae31467c0a35463a716e">
                            <div class="item">
                                <div class="logo"><img src="img/coding.png" alt=" Coding"> 法规数据库</div>
                                <div class="desc">法规数据库</div>
                            </div>
                        </a>

                        <a target="_blank" href="https://echa.europa.eu/">
                            <div class="item">
                                <div class="logo"><img src="img/coding.png" alt=" Coding"> 基因毒化合物检索1</div>
                                <div class="desc"></div>
                            </div>
                        </a>

                         <a target="_blank" href="https://cebs.niehs.nih.gov/cebs/search?data=all&q=2-%5B%28Chloroacetyl%29oxy%5Dbenzoic+acid&search_submit=&page=1">
                            <div class="item">
                                <div class="logo"><img src="img/coding.png" alt=" Coding"> 基因毒化合物检索2</div>
                                <div class="desc"></div>
                            </div>
                        </a>









                    </div>
                </div>



              

								<!-- 电子书 -->
                <div class="box">
                    <a href="#" name="study"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-xuexi1"></i>电子书</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://www.w3cschool.cn/">
                            <div class="item">
                                <div class="no-logo">w3cschool</div>
                                <div class="desc">学编程，从W3cschool开始</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.imooc.com/">
                            <div class="item">
                                <div class="no-logo">慕课网</div>
                                <div class="desc">程序员的梦工厂</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://study.163.com/">
                            <div class="item">
                                <div class="no-logo">网易云课堂</div>
                                <div class="desc">网易公司研发的一款大型在线教育平台服务</div>
                            </div>
                        </a>
                    </div>
                </div>
                

                <!-- 工具下载 -->
                <div class="box">
                    <a href="" name="operation"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-yunying"></i>工具下载</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://mp.weixin.qq.com/">
                            <div class="item">
                                <div class="no-logo">微信公众平台</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.toutiao.com/">
                            <div class="item">
                                <div class="no-logo">今日头条号</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.jianshu.com/">
                            <div class="item">
                                <div class="no-logo">简书</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://mp.dayu.com/">
                            <div class="item">
                                <div class="no-logo">UC大鱼号</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://baijiahao.baidu.com/builder/author/register/index">
                            <div class="item">
                                <div class="no-logo">百度百家号</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.weibo.com/login.php">
                            <div class="item">
                                <div class="no-logo">新浪微博</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://om.qq.com/userAuth/index">
                            <div class="item">
                                <div class="no-logo">腾讯企鹅号</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.douban.com/">
                            <div class="item">
                                <div class="no-logo">豆瓣</div>
                            </div>
                        </a>
                    </div>
                </div>



                <footer class="footer">
                    <div class="copyright">
                        <div>
                            Copyright © 2018- 2050
                            <a href="http://ka.hhuasuan.cn">科研导航</a>
                        </div>
                    </div>
                </footer>
        </section>
        <script>





        var oMenu = document.getElementById('menu');
        var oBtn = oMenu.getElementsByTagName('a')[0];
        var oLeftBar = document.getElementById('leftBar');
        oBtn.onclick = function() {
            if (oLeftBar.offsetLeft == 0) {
                oLeftBar.style.left = -249 + 'px';
            } else {
                oLeftBar.style.left = 0 + 'px';
            }
            if (document.documentElement.clientWidth <= 481) {
                document.onclick = function() {
                    if (oLeftBar.offsetLeft == 0) {
                        console.log(123);
                        oLeftBar.style.left = -249 + 'px';
                    }
                }
            }
        }

        var oNavItem = document.getElementById('navItem');
        var aA = oNavItem.getElementsByTagName('a');
        for(var i=0; i<aA.length; i++) {
        	aA[i].onclick = function() {
        		for(var j=0; j<aA.length; j++) {
        			aA[j].className = '';
        		}
        		this.className = 'active';
        	}
        }
        </script>
</body>

</html>